/* focus  */
.main {
  width: 980px;
  height: 454px;
  margin: 10px 0 0 219px;
}
.focus {
  position: relative;
  width: 720px;
  height: 454px;
}
.newsflash {
  width: 250px;
  height: 454px;
}
.focus-arrow {
  position: absolute;
  top: 50%;
  margin-top: -20px;
  width: 24px;
  height: 40px;
  line-height: 40px;
  text-align: center;
  background-color: rgba(0,0,0,.4);
  font-family: 'icomoon';
  font-size: 20px;
  color: #fff;
}
.focus-arrow:hover {
  color: #ccc;
}
.arrow-l {
  left: 0;
} 
.arrow-r {
  right: 0;
}
.circle {
  position: absolute;
  bottom: 10px;
  left: 50%;
  transform: translate(-50%,0);
}
.circle li {
  float: left;
  width: 8px;
  height: 8px;
  border: 2px solid rgba(255,255,255,.5);
  margin: 0 6px;
  border-radius: 50%;
}
.circle li:hover {
  background-color: #fff;
}

/* newsflash */
.news {
  box-sizing: border-box;
  height: 163px;
  border: 1px solid #ccc;
  border-bottom: none;
}
.news_title {
  height: 31px;
  line-height: 31px;
  border-bottom: 1px dashed #ccc;
  font-size: 15px;
}
.news_title p {
  margin: 0 14px;
  height: 31px;
}
.news_title span {
  float: left;
}
.news_icfo {
  padding: 5px 10px;
  box-sizing: border-box;
}
.news_icfo li {
  height: 25px;
  line-height: 25px;
  color: #666;
  font-size: 14px;
}
.news_icfo li span {
  color: #333;  
}
.news_more {
  float: right;
  font-size: 13px;
  color: #666;
}
.news_more i {
  font-family: 'icomoon';
  font-size: 14px;
  color: #666;
}

/* lifeservice */
.lifeservice {
  height: 207px;
  border: 1px solid #ccc;
  border-top: none;
  flex-direction: row;
}
.lifeservice ul {
  display: flex;
  flex-wrap: wrap;
}
.lifeservice li {
  box-sizing: border-box;
  width: 62px;
  height: 69px;
  border-top: 1px solid #ccc;
  border-right: 1px solid #ccc;
}
.lifeservice li:nth-child(4n) {
  border-right: none;
}
.lifeservice li a {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  font-size: 13px;
}
.lifeservice i {
  /* margin-bottom: 10px; */
  font-family: 'icomoon';
  font-size: 28px;
  color: #c81623;
}
/* bargin */
.bargin {
  margin-top: 6px;
  height: 75px;
}

/* recommend */
.recommend {
  display: flex;
  margin-top: 10px;
  height: 163px;
}
.recommed-hd {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 206px;
  background-color: #5c5251;
  color: #fff;
  font-size: 18px;
}
.recommed-hd i {
  font-family: 'icomoon';
  font-size: 40px;
}
.recommed-bd ul {
  flex: 1;
  display: flex;
  height: 163px;
  background-color: #ebebeb;
}
.recommed-bd li {
  flex: 1;
  margin-top: 10px;
  height: 144px;
  border-right: 1px solid #ccc;
}
.recommed-bd li:last-child {
  border-right: none;
}
.recommed-bd li a {
  display: block;
}

/* floor 1,2,3楼层样式基本一致，注意样式的通用性 */
.floor {
  margin-top: 17px;
}
.floor-box {
  margin-bottom: 56px;
  background-color: #f9f9f9;
  height: 400px;
}
.floor-box .box-hd {
  height: 39px;
  border-bottom: 2px solid #c81623;
  font-size: 14px;
  line-height: 39px;
  color: #d3454f;
  background-color: #fff;
}
.box-hd-list {
  margin-right: 5px;
}
.box-hd-list li {
  float: left;
}
.box-hd-list-item:after {
  content: '';
  display: inline-block;
  vertical-align: middle;
  margin: 0 12px;
  width: 1px;
  height: 14px;
  background-color: #666;
}

.floor-box .box-bd {
  height: 360px;
  background-color: #f9f9f9;
}
.tab-content {
  height: 360px;
}
.tab-content li {
  overflow: hidden;
  float: left;
  height: 360px;
}
.box-bd img {
  transition: all .2s;
}
.box-bd img:hover {
  margin-left: 8px;
}
.w209 {
  width: 209px;
}
.w329 {
  width: 329px;
}
.w219 {
  width: 219px;
  border-right: 1px solid #ccc;
}
.w220 {
  width: 220px;
  border-right: 1px solid #ccc;
}
.w220 img {
  width: 219px;
}
.tab-content li span {
  display: block;
  height: 1px;
  background: #ccc;
}
.tab-content-list {
  overflow: hidden;
  margin-bottom: 15px;
}
.tab-content-list li {
  float: left;
  margin-left: 12px;
  width: 86px;
  border-bottom: 1px solid #ccc;
  height: 32px;
  line-height: 32px;
  text-align: center;
  font-size: 14px;
}
.tab-content .w209 img {
  margin-left: 12px;
}

/* fixedtool */
.fixedtool {
  position: fixed;
  top: 150px;
  left: 50%;
  margin-left: -676px;
  width: 66px;
}
.fixedtool li {
  line-height: 32px;
  text-align: center;
  font-size: 12px;
  border-bottom: 1px solid #ccc;
}
.fixedtool .current {
  background-color: #c81623;
  color: #fff;
}

